<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" media="screen"
		href="resources/style.css" />
	<title>E-PRODUÇÃO</title>
</h:head>

<h:body>

	<p:layout fullPage="true">

		<p:layoutUnit position="north" size="70">
			<ui:include src="cabecalho.xhtml" />
		</p:layoutUnit>

		<p:layoutUnit position="west" size="200" resizable="false"
			closable="false" collapsible="false">
			<ui:include src="Menu.xhtml" />
		</p:layoutUnit>

		<p:layoutUnit position="center" header="Cadastro de Composição de Produtos"
			style="width: 760px;">
			<h:form id="form">
				<p:growl id="MSG_ERRO" showDetail="false" sticky="true" />
				<div align="center">
					<div style="width: 760px; margin: 0 auto; text-align: left;">


						<p:panel id="panelCampos" header="Campos de Preenchimentos"
							visible="true" style="width: 760px;">


							<h:panelGrid columns="2">

								<h:outputLabel value="Código: " />
								<h:outputText value="#{ComposicaoProduto.id}" id="display" />

								<h:outputLabel value="Materia Prima:" />
								<p:selectOneMenu value="#{ComposicaoProduto.selectMateriaPrima}"
									size="35" effect="fade">
									<f:selectItem itemLabel="selecione" itemValue="" />
									<f:selectItems value="#{ComposicaoProduto.listMateriaPrima}" />
								</p:selectOneMenu>

								<h:outputLabel value="Qtd" />
								<p:inputText label="Qtd" required="false"
									maxlength="70" value="#{ComposicaoProduto.qtd}" size="35" />

								<h:outputLabel value="Unidade" />
								<p:inputText label="Unidade" required="false"
									maxlength="70" value="#{ComposicaoProduto.unidade}" size="35" />

							</h:panelGrid>
						</p:panel>

						<p:panel id="panelBotoes" header="Botões de Ação" visible="true"
							style="width: 760px;">
							<h:panelGrid columns="4"
								style="margin-left: 20%;margin-rigth: 20%;">
								<p:commandButton value="Cadastrar" ajax="false" />
								<p:commandButton value="Cancelar" ajax="false" />
								<p:commandButton value="Limpar" ajax="false" />
								<p:commandButton value="Voltar" ajax="false"
									action="#{ComposicaoProduto.Voltar}" />
							</h:panelGrid>
						</p:panel>						
												<p:panel id="panelQuatro" header="Composição do Produto"
							visible="true" style="width: 760px;">
							<p:dataTable id="basic" var="func" value="">
								<p:column id="modelHeader">
									<f:facet name="header">  
			                    		Código  
			           				 </f:facet>
									<h:outputText value="" />
								</p:column>

								<p:column>
									<f:facet name="header">  
					                    Materia Prima  
						            </f:facet>
									<h:outputText value="" />
								</p:column>

								<p:column>
									<f:facet name="header">  
					                    Qtd  
						            </f:facet>
									<h:outputText value="" />
								</p:column>

								<p:column>
									<f:facet name="header">  
					                    Unidade  
						            </f:facet>
									<h:outputText value="" />
								</p:column>
								
																<p:column>
									<f:facet name="header">  
					                    ***  
						            </f:facet>
									<h:outputText value="" />
								</p:column>


							</p:dataTable>
						</p:panel>
					</div>
				</div>
			</h:form>
		</p:layoutUnit>
	</p:layout>

</h:body>
</html>